<template>
  <div>
    子组件
    <button @click="sendMsg">传递</button>
    <div>子组件获取父组件数据
      <span>{{num}}</span>
    </div>
  </div>
</template>

<script>
    export default {
      name: "child",
      data(){
        return{
          msg:"我是子组件数据"
        }
      },
      props:{
        num:{
          type:Number,
          default:-1
        }
      },
      methods:{
        sendMsg(event){
          // 两个参数：1：key,名字自己取，会在父组件中获取对应名字的数据, 2:数据
          this.$emit('sendmsg', this.msg)
        }
      }
    }
</script>

<style scoped>
</style>
